<template>
  <div class="home">
    <vue-qr :text="config.value"></vue-qr>
  </div>
</template>

<script>
  import VueQr from 'vue-qr'
  export default {
    name: 'ZryShare',
    data() {
      return {
        config: {
          value: process.env.VUE_APP_API_URL + '/yuzhenH5/#/zry?spreadUserId=' +  localStorage.getItem('spreadUserId')
        }
      }
    },
    components: {
      VueQr
    }
  }
</script>

<style lang="less" scoped>
  .home{
    background: url("../../assets/images/zry/b4.png") no-repeat 100% 0;
    background-size: 100%;
    img {
      margin-top: 17em;
      margin-left: 4.4em;
      width: 2.5rem;
      height: 2.5rem;
    }
  }
</style>
